<template>
	<view>
		
		<view class="wp">
			<view class="account_list">
				<view class="item">
					<view class="tit">
						<view class="span">交易编号：202005141440</view>
						<view class="em hong"></view>
					</view>
					<view class="info_con">
						<view class="top">
							<view class="li">
								<view class="span">存入金额（元）</view>
								<view class="b">2000.00</view>
							</view>
							<view class="li">
								<view class="span">年化收益率</view>
								<view class="b">3%</view>
							</view>
							<view class="li">
								<view class="span">获得收益（元）</view>
								<view class="b">60.00</view>
							</view>
						</view>
						<view class="bottom">
							<view class="li">
								<view class="span">2000</view>
								<view class="b">获得积分</view>
							</view>
							<view class="li">
								<view class="span">2023-02-03</view>
								<view class="b">生效日期</view>
							</view>
							<view class="li">
								<view class="span">2024-02-03</view>
								<view class="b">到期日期</view>
							</view>
						</view>
					</view>
				</view>
				
				<view class="item">					
					<view class="info_con">
						<view class="top">
							<view class="li">
								<view class="span">存入金额（元）</view>
								<view class="b">2000.00</view>
							</view>
							<view class="li">
								<view class="span">年化收益率</view>
								<view class="b">3%</view>
							</view>
							<view class="li">
								<view class="span">获得收益（元）</view>
								<view class="b">60.00</view>
							</view>
						</view>
						<view class="bottom">
							<view class="li">
								<view class="span">2000</view>
								<view class="b">获得积分</view>
							</view>
							<view class="li">
								<view class="span">2022-02-03</view>
								<view class="b">生效日期</view>
							</view>
							<view class="li">
								<view class="span">2023-02-03</view>
								<view class="b">到期日期</view>
							</view>
						</view>
					</view>
				</view>
				

			</view>
		</view>
		<view class="h"></view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				array: ['到期续签', '到期赎回'],
				index: 1,
			}
		},
		onLoad() {
			let that = this;

		},
		methods: {

		}
	}
</script>

<style scoped>
	.account_top .btn {
		font-size: 30rpx;
		color: #3484dc;
		background-color: #fff;
		text-align: center;
		margin: 0 26rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 50px;
	}

	.account_top {
		background-color: #c9e7ff;
		padding: 0 26rpx;
	}

	.account_top .con {
		background-color: #2884ff;
		background-image: url('@/static/images/a_i1.png');
		background-repeat: no-repeat;
		background-position: 90% 30%;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
		background-size: 200rpx auto;
		padding-bottom: 26rpx;
	}

	.account_top .con .top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 46rpx 22rpx;
	}

	.account_top .con .top .left {
		width: 50%;
	}

	.account_top .con .top .left image {
		width: 40rpx;
		vertical-align: middle;
	}

	.account_top .con .top .p {
		font-size: 24rpx;
		color: #fff;
	}

	.account_top .con .top .b {
		font-size: 40rpx;
		color: #fff;
		font-weight: bold;
		margin-top: 16rpx;
	}

	.account_top .con .top .left2 {
		border-left: 1px solid #fff;
		padding-left: 40px;
	}


	.info_con {
		padding: 26rpx;
		background-color: #fff;
	}

	.account_list .top {
		padding: 0 26rpx;
		height: 136rpx;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #f2f7ff;
		border-radius: 8px;
	}

	.account_list .top .span {
		font-size: 22rpx;
		color: #999;
	}

	.account_list .top .b {
		font-size: 38rpx;
		color: #333;
		margin-top: 12rpx;
		font-weight: bold;
	}


	.account_list .bottom {
		padding: 0 26rpx;
		text-align: center;
		display: flex;
		align-items: center;
		margin-top: 30rpx;
		justify-content: space-between;
	}

	.account_list .bottom .span {
		font-size: 28rpx;
		color: #333;
	}

	.account_list .bottom .b {
		font-size: 24rpx;
		color: #999;
		margin-top: 12rpx;
	}
</style>